<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:icecore="http://www.icefaces.org/icefaces/core"
      xmlns:ace="http://www.icefaces.org/icefaces/components"
      xmlns:ice="http://www.icesoft.com/icefaces/component"
      >
    <h:head>
        <title>ICEfaces 3</title>
        <ice:outputStyle href="./xmlhttp/css/rime/rime.css" />
    </h:head>
    <h:body>
        <h:form id="iceForm">
            <ace:panel header="Welcome to ICEfaces">               
                
                
                <h:panelGrid columns="1">
                    <ace:panel header="Novedades">
                        <h:panelGrid columns="1">
                            <ace:menuBar autoSubmenuDisplay="true">
                                <ace:menuItem value="Nuevo" action="#{novedades.nuevo()}"/>
                                <ace:menuItem value="Buscar" action="#{novedades .buscar()}"/>

                            </ace:menuBar>

                        </h:panelGrid>

                    </ace:panel>

                    <ace:panel header="Resultado Búsqueda">
                        <h:panelGrid columns="1" width="100%">
                            <ace:dataTable 
                                value="#{novedades.listaNovedades}" 
                                var="novedad"
                                paginatorAlwaysVisible="true"
                                lazy="false"
                                paginator="true"
                                resizableColumns="true"

                                rowIndexVar="row"
                                paginatorPosition="both"
                                rowsPerPageTemplate="10,15,50,all"
                                currentPageReportTemplate="{totalRecords} novedad(es) encontrada(s). Página(s): {currentPage} de {totalPages}"
                                paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                rows="5"
                                style="width: 100%;" >
                                <ace:column headerText="Acciones" style="text-align: left">
                                    <ace:menuButton effect="slide" effectDuration="200" value="..." >
                                        <ace:menuItem value="Modificar"
                                                      icon="ui-icon ui-icon-pencil"  
                                                      action="#{novedades.modificar(novedad)}"/>
                                        <ace:menuItem value="Borrar" 
                                                      icon="ui-icon ui-icon-trash" 
                                                      action="#{novedades.eliminar(novedad)}"/>
                                    </ace:menuButton>  
                                </ace:column>
                                <ace:column headerText="Nombre" style="text-align: left">
                                    <h:outputText value="#{novedad.nombre}"/>
                                </ace:column>
                            </ace:dataTable>
                        </h:panelGrid>
                    </ace:panel>
                    <ace:dialog header="Mantenimiento Novedad"
                                closable="false"
                                modal="true"
                                draggable="true"
                                showEffect="clip"
                                hideEffect="fade"
                                visible="#{novedades.formulario.mostrar}"
                                rendered="#{novedades.formulario.mostrar}">
                        <h:panelGrid columns="2">
                            <h:outputText value="Nombre"/>
                            <h:inputText value="#{novedades.novedad.nombre}"/>

                        </h:panelGrid>
                        <h:panelGrid columns="1">
                            <ace:menuBar autoSubmenuDisplay="true">
                                <ace:menuItem value="Insertar"
                                              action="#{novedades.insertar()}"
                                              rendered="#{novedades.formulario.nuevo}"
                                              icon="ui-icon ui-icon-disk"/>

                                <ace:menuItem value="Grabar"
                                              action="#{novedades.grabar()}"
                                              rendered="#{novedades.formulario.modificar}"
                                              icon="ui-icon ui-icon-disk"/>

                                <ace:menuItem value="Borrar"
                                              action="#{novedades.borrar()}"
                                              rendered="#{novedades.formulario.borrar}"
                                              icon="ui-icon ui-icon-disk"/>

                                <ace:menuItem value="Salir"
                                              action="#{novedades.formulario.cancelar()}"
                                              icon="ui-icon ui-icon-disk"/>


                            </ace:menuBar>

                        </h:panelGrid>
                    </ace:dialog>

                </h:panelGrid>
            </ace:panel>
        </h:form>
    </h:body>
</html>